.hair_details_3Q {
    width: 100%;
    max-width: 800px;
    min-width: 320px;
    margin: 0;
    background-color: #f1f1f1;
}

/* 基本信息 */
.brief_introduction {
    position: relative;
}
.brief_main {
    background-color: #fff;
}

.brief_main-img {
    background-color: aquamarine;
    width: 29.5%;
    position: absolute;
    top: 0;
    left: 9.25%;
}

.brief_main-details {
    margin-left: 42%;
    width: 58%;
}

.brief_main_name {
    font-size: 20px;
    color: #322926;
    font-weight: 550;
}

.brief_main_experience {
    display: inline-block;
    background-color: #5985A2;
    color: #fff;
    font-size: 10px;
    border-radius: 3px;
    padding: 1px 3px;
    margin-left: 2px;
}

.brief_main_price {
    font-size: 30px;
    color: #322926;
    font-weight: 600;
    margin-left: 8%;
}

.brief_main_price span {
    font-size: 15px;
    font-weight: 400;
}

.brief_main_middle {
    font-size: 12px;
    color: #5C5450;
}

.brief_main_btn {
    background-color: #322926;
    border-radius: 6px;
    color: #fff;
    font-size: 16px;
    width: 90%;
    text-align: center;
    margin-top: 10px;
    height: 40px;
    line-height: 40px;
    margin-left: 5px;
}

/* 门店地址 */
.hair_address {
    display: flex;
    justify-content: flex-start;
    background-color: #fff;
    align-items: center;
    margin-top: 15px;
    margin-bottom: 10px;
    position: relative;
}

.dian {
    margin-left: 4%;
    width: 13px;
    height: 13px;
    color: #fff;
    font-size: 10px;
    text-align: center;
    line-height: 13px;
    background-color: #5985A2;
    border-radius: 3px;
    margin-right: 8px;
}

.hair_address text {
    color: #5985A2;
    font-size: 14px;
}

.add_right {
    width: 3%;
    text-align: center;
    color: #5985A2;
    font-size: 14px;
    position: absolute;
    right: 4%;
}

/* 评分模块 */
.grade {
    background-color: #fff;
    width: 100%;
    margin-top: 3%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    text-align: center;
}

.store_grade {
    width: 49.75%;
}

.grade_center {
    width: 0.5%;
    background-color: #f1f1f1;
    height: 100%;
}

.takepartin_grade {
    width: 49.75%;
}

.grade_top {
    font-size: 30px;
    color: #322926;
}

.grade_top span {
    font-size: 12px;
}

.grade_bottom {
    font-size: 12px;
    color: #5C5450;
}

/* 顾客评价 */
.evaluate {
    background-color: #fff;
    margin: 10px 0;
}

.evaluate_title {
    font-size: 14px;
    color: #322926;
    padding: 10px 20px;
    border-bottom: 1px solid #f1f1f1;
}

.evaluate_label {
    display: flex;
    justify-content: flex-start;
    padding: 12px 10px 0;
    flex-wrap: wrap;
}

.eval_label_eval {
    padding: 3px 10px;
    background-color: #f1f1f1;
    border-radius: 3px;
    font-size: 12px;
    color: #5C5450;
    margin-left: 10px;
    margin-bottom: 10px;
}

/* 工作经历 */
.experience {
    background-color: #fff;
}

.exper_content {
    padding: 10px 20px;
}

.exper_through {
    display: flex;
}

.exper_line {
    width: 5px;
}

.line1 {
    height: 30px;
    width: 1px;
    background-color: #5C5450;
    margin: 0 auto;
}

.circle {
    width: 5px;
    height: 5px;
    margin: 10px auto;
}

.line2 {
    height: 15px;
    width: 1px;
    background-color: #5C5450;
    margin: 0 auto;
}

.exper_text {
    margin-left: 15px;
}

.exper_post {
    font-size: 14px;
    color: #5985A2;
    height: 50px;
    line-height: 85px;
    margin-bottom: 0;
}

.exper_period {
    font-size: 12px;
    color: #5C5450;
    height: 20px;
    line-height: 30px;
    margin-bottom: 0;
}

/* 弹出层样式 */
#div {
    width: 0px;
    height: 0px;
    background-color: red;
    position: fixed;
    top: 70%;
    left: 50%;
}

.mui-popover .mui-popover-arrow:after {
    width: 0;
}

.mui_popover-content {
    display: flex;
    align-items: center;
    flex-direction: column;
    text-align: center;
}

.popover_title {
    display: flex;
    justify-content: flex-start;
    width: 100%;
    text-align: center;
}

.popover_title-text {
    display: block;
    width: 100%;
    /* margin: 20px auto 30px; */
    text-align: center;
    height: 57px;
    line-height: 57px;
    position: relative;
    letter-spacing: 1.5px;
    font-weight: 600;
    color: #322926;
}

.popover_title-img {
    display: inline-block;
    width: 23px;
    height: 23px;
    position: absolute;
    top: 10px;
    right: 10px;
}

.popover_price {
    margin-top: 8%;
}

.popover_price-num {
    font-size: 40px;
    color: #322926;
}

.popover_price-num span {
    font-size: 20px;
}

.popover_hairname {
    font-size: 18px;
    margin-top: 10px;
}

.popover_hint {
    font-size: 14px;
    color: #5985A2;
    margin-top: 6%;
}

.popover_btn {
    width: 32%;
    height: 40px;
    margin: 6% auto;
    background-color: #322926;
    border-radius: 6px;
    font-size: 16px;
    color: #fff;
}